<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich" >

	<ui:composition template="/templates/gerenciamento.xhtml" >
		<ui:define name="js">
		
		</ui:define>
		<ui:define name="css">
			<link rel="stylesheet" type="text/css" href="style/folha_gerenciamento.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/logado.css" media="screen" />
			<style type="text/css">
			body {
				margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
			}
			</style>
		</ui:define>
		<ui:define name="mid">
			<h:form>
			
				<div class="ranking_inside_titulo" align="center"><strong>Rede Completa USACard</strong></div>
  				<div class="cabecalho_ranking_inside4">
				    <div class="campos1_a"><strong>Estado</strong></div>
				    <div class="campos2_a"><strong>Cidade</strong></div>
				    <div class="campos2_a"><strong>Bairro</strong></div>
				    <div class="campos3_a"> <strong>Ramo de atividade</strong></div>
				    <div class="campos3_a2"><strong>Nome do estabelecimento</strong></div>
				    <div class="campos1">
				     	<h:selectOneMenu value="#{descontoBean.uf}" converter="ufConverter" style="width:50px" >
		          			<f:selectItem itemLabel="Uf" noSelectionOption="true" />
		          			<f:selectItems value="#{descontoBean.ufs}" var="uf" itemLabel="#{uf.sigla}" itemValue="#{uf}" />
		          			<f:ajax event="change" listener="#{descontoBean.atualizaCidade}" render="cidadeField" />
		          		</h:selectOneMenu>
	   			 	</div>
				    <div class="campos2">
				      	<h:selectOneMenu id="cidadeField" value="#{descontoBean.cidade}" converter="cidadeConverter" style="width:130px">
	       	    			<f:selectItem itemLabel="Selecione a Cidade" noSelectionOption="true" />
		          			<f:selectItems value="#{descontoBean.cidades}" var="cidade" itemLabel="#{cidade.nome}" itemValue="#{cidade}" />
		          			<f:ajax event="change" listener="#{descontoBean.atualizaBairro}" render="bairroField" />
		          		</h:selectOneMenu>
				    </div>
				    <div class="campos2">
				      	<h:selectOneMenu id="bairroField" value="#{descontoBean.bairro}" converter="bairroConverter" style="width:130px">
	       	    			<f:selectItem itemLabel="Selecione o Bairro" noSelectionOption="true" />
		          			<f:selectItems value="#{descontoBean.bairros}" var="bairro" itemLabel="#{bairro.nome}" itemValue="#{bairro}" />
		          		</h:selectOneMenu>
				    </div>
				    <div class="campos3">
				      	<h:selectOneMenu value="#{descontoBean.ramoAtividade}" converter="ramoAtividadeConverter" style="width:130px">
	      	      			<f:selectItem itemLabel="Ramo de Atividade" noSelectionOption="true" />	
		          			<f:selectItems value="#{descontoBean.ramoAtividades}" var="rm" itemLabel="#{rm.nome}" itemValue="#{rm}" />
		          		</h:selectOneMenu>
				    </div>
				    <div class="campos3_1_space">
				      	<rich:inplaceInput defaultLabel="Nome do Estabelecimento" value="#{descontoBean.nomeEstabelecimento}" style="width:155px" />
				    </div>
				    
				    <div class="campos1"></div>
				    <div class="campos2"></div>
				    <div class="campos2"></div>
				    <div class="campos3"></div>
				    <div class="campos3_1" align="right"> 
				    	<a4j:commandLink action="#{descontoBean.buscarConsulteCompareCompre}" execute="@form" render="@all" >
	        				<img src="images/buscar.gif" width="40" height="20" />
	        			</a4j:commandLink>
				    </div>
				</div>
			  
			  	<h:panelGroup rendered="#{descontoBean.quantidadeEnderecoParceiros > 0}">
			  
				  	<div class="tituloEstabelecimento2">
				  		<img src="images/6px.gif" alt="" width="6" height="6" /><strong>ESTABELECIMENTO</strong>
				  	</div>
				  	<div class="tituloTelefone" align="center"><strong>TELEFONE</strong><br /></div>
				  	<div class="ranking_part3" align="center"><strong>MAPA</strong></div>
				  	
				  	<a4j:repeat id="table" value="#{descontoBean.enderecoParceiros}" var="enderecoParceiros" >
				        <h:form>
					        <div class="campoNomeEstabelecimento">
					        	<strong><h:outputText value="#{enderecoParceiros.parceiro.nomeLimitado}" title="#{enderecoParceiros.parceiro.nome}" /></strong>
					        	<br />
					        	<h:outputText value="#{enderecoParceiros.enderecoNomeMin}" title="#{enderecoParceiros.enderecoNome}" />
					          	<br />
					          	<h:outputText value="#{enderecoParceiros.logradouro.bairro.cidade.nomeMin} - #{enderecoParceiros.logradouro.bairro.cidade.uf.sigla}" />
					        </div>
					        <div class="campoTelefone"><h:outputText value="#{enderecoParceiros.parceiro.telefone}" /></div>
					        <div class="ranking_part3_a">
					        	<a4j:commandLink action="#{descontoBean.mapaRedeCompleta}" execute="@this" render="@all" >
					        		<f:setPropertyActionListener target="#{descontoBean.enderecoParceiroEscolhido}" value="#{enderecoParceiros}" />
					        		<img src="images/icone_mapa.gif" alt="" width="45" height="40" />
					        	</a4j:commandLink>
					        </div>     
				        </h:form>   
			        </a4j:repeat>
			        
			    </h:panelGroup>
			    <h:panelGroup rendered="#{descontoBean.quantidadeEnderecoParceiros == 0}">
  					<div class="inside_rodape_ranking" id="link_azul" align="center">Nenhum parceiro encontrado para os critérios escolhidos</div>
  				</h:panelGroup>    
			  	
			  	<div class="inside_rodape_ranking" id="link_azul">
		        </div>

			</h:form>
		</ui:define>
	</ui:composition>

</html>